<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="common::common(title='资源列表')">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" ></meta>
</head>
<script type="text/html" id="toolbar">
  <a class="layui-btn layui-btn-sm" lay-event="editGroup"><i class="layui-icon">&#xe642;</i>编辑</a>
  <a class="layui-btn layui-btn-sm" lay-event="updateGroupUser"><i class="layui-icon">&#xe613;</i>管理组内用户</a>
  <a class="layui-btn layui-btn-sm" lay-event="updateGroupRole"><i class="layui-icon">&#xe612;</i>管理组内角色</a>
</script>
<body >
	<div class="x-body" id="app">
      <form class="layui-form" id="groupInfoForm">
	      <div class="layui-form-item">
	      	<div class="layui-inline">
	      		<label class="layui-form-label">组名</label>
	      		<div class="layui-input-inline" style="width: 150px;">
			      <input type="text" v-model="queryData.name" autocomplete="off" class="layui-input">
			    </div>
	      	</div>
	      	<div class="layui-inline">
	      		<label class="layui-form-label">组描述</label>
	      		<div class="layui-input-inline" style="width: 150px;">
			      <input type="text" v-model="queryData.description" autocomplete="off" class="layui-input">
			    </div>
	      	</div>
	      	<div class="layui-inline">
	      		<button class="layui-btn layui-btn-sm" @click.prevent="query"><i class="layui-icon">&#xe615;</i>查询</button>
	      	</div>
	      </div>
      </form>
      <xblock>
        <button id="addBtn" class="layui-btn layui-btn-sm layui-btn-danger" @click="addItem"><i class="layui-icon">&#xe654;</i>增加</button>
        <button id="deleteBtn" class="layui-btn layui-btn-sm layui-btn-danger" @click="deleteItem"><i class="layui-icon">&#xe640;</i>删除</button>
      </xblock>
      <table class="layui-table" id="datagrid" lay-filter="datagrid" lay-size="sm">
      </table>
	</div>
	<div style="display:none" id="groupAddDiv">
		<form class="layui-form" style="padding-top:10px;" id="groupAddFrom">
		  <input type="hidden" id="groupAddId" name="id" v-model="addData.id">
	      <div class="layui-form-item">
	      		<label class="layui-form-label">组名<span style="color: red;">&nbsp;*</span></label>
	      		<div class="layui-input-inline" style="width: 150px;">
			      <input type="text" name="name" autocomplete="off" class="layui-input" lay-verify="required">
			    </div>
	      </div>
	      <div class="layui-form-item">
	      		<label class="layui-form-label">组描述</label>
	      		<div class="layui-input-inline" style="width: 150px;">
			      <input type="text" name="description" autocomplete="off" class="layui-input">
			    </div>
	      </div>
  	      <div class="layui-form-item">
              <label for="L_repass" class="layui-form-label">
              </label>
              <button  class="layui-btn" lay-filter="groupInfoAddForm" lay-submit="" @click.prevent="query">
               		<i class="layui-icon layui-icon-ok"></i>
               		提交
              </button>
          </div>
        </form>
	</div>
	<script type="text/javascript" th:src="@{/js/basic/groupinfo.js}"></script>
</body>
</html>